<!--
 * @Author: 谢子健 1075010289@qq.com
 * @Date: 2024-09-17 00:27:17
 * @LastEditors: 谢子健 1075010289@qq.com
 * @LastEditTime: 2024-09-20 16:43:15
 * @FilePath: \ilink-vue-frontend\src\views\Square\HomeSquare\index.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<script lang="ts" setup>
import HomeSquareCardCombine from './componet/HomeSquareCardCombine.vue';
</script>

<template>
  <a-layout>
    <HomeSquareCardCombine />
  </a-layout>
</template>

<style scoped lang="scss">
.main-layout {
    display: flex;
    flex-direction: column;
    flex: 1; /* Take remaining height */
    overflow: hidden; /* Hide overflow to control it manually */
  }

  .fixed-content {
    flex: 0 0 auto; /* Fixed height */
  }

  .dynamic-content {
    flex: 1; /* Expand to take available space */
    min-height: 160px;
    max-height: 170px;
    min-width: 1550px;
    max-width: 1650px;
    width: 100%;
    overflow-x: auto; /* Enable horizontal scrolling if content overflows */
  }

  .scrollable-footer {
    flex: 1; /* Take remaining space */
    overflow-y: auto; /* Enable vertical scrolling */
    background: #f3f5f8;
    max-height: 850px;
    min-width: 850px;
    background: #f3f5f8;
  }

  .market-component {
    flex: 1;
    width: 100%;
    margin-bottom: -70px; /* Adjust as needed */
    min-height: 130px;
    max-height: 130px;
  }

  .site-layout-background {
    background: #fff;
  }
</style>
